<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('产品信息列表')" />
	<th:block th:include="include :: list-css" />
	<style type="text/css">
		label.layui-form-label {width: 95px;padding-right: 0px;}
		.layui-form-radio {margin-top:0;}
		.importTable{empty-cells:show;border-collapse:collapse;border-spacing:0;}
		.listext th{background:#eee;color:#3366cc;}
		.listext th,.listext td{border:solid 1px #ddd;text-align:left;padding:10px;font-size:14px;}
		
		#importProgress {z-index:20200202;background-color: #000;opacity: 0.3;display:none;}
		.importProgress {width:300px;z-index:20202222;position: fixed;top: 34%;left: 40%;display:none;}
	</style>
</head>
<body>
<div class="main-content">
	<div class="content-right">
		<div class="search-top">
			<span>查询条件</span>
			<a href="javascript:;" layadmin-event="flexible" class="menuBtn">
				<i class="layui-icon layui-icon-spread-left" id="LAY_app_flexible" style="color: #fff;"></i>
			</a>
		</div>
		<div class="panel layout-expand layui-expand-east">
		    <div class="panel-header">
		        <div class="panel-tool" style="text-align: center; width: 26px;height: 30px;line-height: 30px;">
		            <a href="javascript:;" layadmin-event="flexible" class="menuBtn">
		                <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible" style="color: #fff;"></i>
		            </a>
		        </div>
		    </div>
		    <div class="panel-body panel-title" style="text-align: center; width: 26px;">查<br>询<br>条<br>件</div>
		</div>
       	<form class="layui-form">
		</form>
   	</div>
    <div class="mid-content">
		<div class="layui-tab" lay-filter="dhtab">
			<ul class="layui-tab-title" >
				<li class="layui-this">列表分析</li>
				<li>图形分析</li>
			</ul>
			<div class="layui-tab-content">
				<div id="stockon" style="width: 600px;height:400px;"></div>
				<table class="layui-hide" id="dhtable" lay-filter="ftable"></table>
			</div>
		</div>
	</div>
</div>
<th:block th:include="include :: footer" />
<th:block th:include="include :: businessJS" />
<th:block th:include="include :: searchJS" />
<script th:src="@{/js/plugins/echart/echarts.min.js?v=1}"></script>
<script th:src="@{/dhecp/js/echarts-util.js?v=3}"></script>
<script>
var $,element,layer,form,table;
layui.use(['table','form','layer','jquery','element'], function () {
	$ = layui.$, layer = layui.layer, form = layui.form, table = layui.table, element = layui.element;
})
var data =  [
	{name: '男生', value: 10}, 
    {name: '女生', value: 20}];
var option = DHEcharts.EchartsOption.pie("按库存类型", "单位（人）", data);
var initChart=DHEcharts.initChart(option,"stockon");//sexId是div的id
var options = {
	color:["#FDB157","#3498DB","#666"],
	legend : {
		orient: 'horizontal', //垂直：vertical； 水平 horizontal
		right:'right',
	},
	label:{
		formatter: '{b} , {c}'
	},
	series:[{
		 radius : '55%', //圆的大小
		 center : ['50%', '60%'],//位置居中
	}]
};
initChart.setOption(options);
</script>
</body>
</html>